<html>
<head>
<link rel="stylesheet" href="../../js/sh/SyntaxHighlighter.css" type="text/css" />
<script src="../../js/sh/shCore.js"></script>
<script src="../../js/sh/shBrushJava.js"></script>
<style>

* {
font-family:Courier New,monospace;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 11px;
}

.dp-highlighter {
  white-space: nowrap;
  overflow: visible;
  width: 600px;
  font-size: 11px;
  font-family:Courier New,monospace;
}
</style>

</head>
<body>
<textarea name="code" class="java:nogutter" rows="15" cols="120">
/*
 * SmartGWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * SmartGWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  SmartGWT is also
 * available under typical commercial license terms - see
 * smartclient.com/license.
 *
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */

import com.smartgwt.client.types.Overflow;
import com.smartgwt.client.types.VisibilityMode;
import com.smartgwt.client.widgets.*;
import com.smartgwt.client.widgets.events.ClickHandler;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.VLayout;
import com.smartgwt.client.widgets.layout.SectionStack;
import com.smartgwt.client.widgets.layout.SectionStackSection;
import com.smartgwt.sample.showcase.client.PanelFactory;
import com.smartgwt.sample.showcase.client.ShowcasePanel;

public class SectionsResizeSample extends ShowcasePanel {


    public static class Factory implements PanelFactory {
        private String id;

        public Canvas create() {
            SectionsResizeSample panel = new SectionsResizeSample();
            id = panel.getID();
            return panel;
        }

        public String getID() {
            return id;
        }
    }

    public Canvas getViewPanel() {
        final HTMLFlow htmlFlow1 = new HTMLFlow();
        htmlFlow1.setOverflow(Overflow.AUTO);
        htmlFlow1.setPadding(10);

        String contents1 =  "<b>Severity 1</b> - Critical problem<br>System is unavailable in production or " +
              "is corrupting data, and the error severely impacts the user's operations." +
              "<br><br><b>Severity 2</b> - Major problem<br>An important function of the system " +
              "is not available in production, and the user's operations are restricted." +
              "<br><br><b>Severity 3</b> - Minor problem<br>Inability to use a function of the " +
              "system occurs, but it does not seriously affect the user's operations.";

        htmlFlow1.setContents(contents1);

        final HTMLFlow htmlFlow2 = new HTMLFlow();
        htmlFlow1.setOverflow(Overflow.AUTO);
        htmlFlow1.setPadding(10);

        String contents2 =  "<b>Severity 1</b> - Critical problem<br>System is unavailable in production or " +
              "is corrupting data, and the error severely impacts the user's operations." +
              "<br><br><b>Severity 2</b> - Major problem<br>An important function of the system " +
              "is not available in production, and the user's operations are restricted." +
              "<br><br><b>Severity 3</b> - Minor problem<br>Inability to use a function of the " +
              "system occurs, but it does not seriously affect the user's operations.";

        htmlFlow2.setContents(contents2);

        final SectionStack sectionStack = new SectionStack();
        sectionStack.setVisibilityMode(VisibilityMode.MULTIPLE);
        sectionStack.setWidth(300);
        sectionStack.setHeight(350);
        sectionStack.setBorder("2px solid #458B00");

        SectionStackSection section1 = new SectionStackSection("Blue Pawn");
        section1.setExpanded(true);
        section1.setResizeable(false);
        section1.addItem(new Img("pieces/48/pawn_blue.png", 48, 48));
        sectionStack.addSection(section1);

        SectionStackSection section2 = new SectionStackSection("Help 1");
        section2.setExpanded(true);
        section2.setCanCollapse(true);
        section2.addItem(htmlFlow1);
        sectionStack.addSection(section2);
// ajk No scrollbar appears on section3 when it doesn't fit
        SectionStackSection section3 = new SectionStackSection("Help 2");
        section3.setExpanded(true);
        section3.setCanCollapse(true);
        section3.addItem(htmlFlow2);
        sectionStack.addSection(section3);

        IButton resizeButton = new IButton("Resize Help 1");
        resizeButton.setWidth(150);
        resizeButton.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                htmlFlow1.setHeight(200);
            }
        });

        HLayout layout = new HLayout();
        layout.setMembersMargin(20);
        layout.addMember(sectionStack);

        VLayout buttons = new VLayout();
        buttons.setMembersMargin(10);
        buttons.addMember(resizeButton);

        layout.addMember(buttons);
        return layout;
    }

    public String getIntro() {
        return "Drag the \"Help 2\" header to resize sections, or press \"Resize Help 1\" to" +
               " resize to fixed height. The \"Blue Pawn\" section is marked not resizeable.";
    }

    public String getSourceUrl() {
        return "source/sections/SectionsResizeSample.java.html";
    }
}
</textarea>
<script class="javascript">
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</body>
</html>
